<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>源码大数据-首页</title>
		<!-- 1.重置样式 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 2.常态样式 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 3.公共样式 -->
		<link rel="stylesheet" href="../css/common.css" />
		<!-- 4.当前样式 -->
		<link rel="stylesheet" href="../css/api-index.css" />
	</head>
	<body>
		<!-- 头部 -->
		<header class="flex-c-sb b-box">
			<!-- logo -->
			<a href="../html/index.html">
				<h1></h1>
			</a>
			<!-- 导航列表 -->
			<ul class="flex-c-c fc-black">
				<li ><a href="../html/index.html">首页</a>
				</li>
				<li class="active"><a href="../html/api-index.html">API</a>
				</li>
				<li><a href="">云服务</a>
				</li>
				<li><a href="../html/customer.html">案例</a>
				</li>
				<li><a href="">开发者</a>
				</li>
			</ul>
			<!-- 按钮 -->
			<div class="fc-white">
				<span>登录</span>
				<span>注册有礼</span>
			</div>
		</header>
		<section id="header"></section>
		<!-- 主体部分 -->
		<main>
			<!-- API分类区 -->
			<section id="apiCate" class="b-box">
				<div class="container">
					<h2>API分类</h2>
					<ul id="apiCateList"></ul>
					<div id="searchInput">
						<strong>全部</strong>
						<span><input type="secrch" value="身份证实名制" /></span>
					</div>
				</div>
			</section>
			<!-- 图片区 -->
			<section id="apiCards">
				<div class="container">
					<ul id="apiCardsList"></ul>
				</div>
			</section>
			<!-- 分页器 -->
			<section id="pagination">
				<ul>
					<li class="active">1</li>
					<li>2</li>
					<li>3</li>
					<li>4</li>
					<li>5</li>
				</ul>
			</section>
		</main>

		<!-- 尾部 -->
		<footer>
			<div class="container flex-c-sb">
				<!-- 尾部左边 -->
				<div class="footLeft">
					<!-- 左上文字列表 -->
					<div class="footLeft-top flex-jc-sb">
						<dl>
							<dt>联系与支持</dt>
							<dd>400-882-7715</dd>
							<dd>售前咨询</dd>
							<dd>客服&售后</dd>
							<dd>常见问题</dd>
							<dd>极速工单</dd>
							<dd>投诉与建议</dd>
						</dl>
						<dl>
							<dt>关于源码</dt>
							<dd>400-882-7715</dd>
							<dd>售前咨询</dd>
							<dd>客服&售后</dd>
							<dd>常见问题</dd>
							<dd>极速工单</dd>
							<dd>投诉与建议</dd>
						</dl>
						<dl>
							<dt>快速入口</dt>
							<dd>400-882-7715</dd>
							<dd>售前咨询</dd>
							<dd>客服&售后</dd>
							<dd>常见问题</dd>
							<dd>极速工单</dd>
							<dd>投诉与建议</dd>
						</dl>
						<dl>
							<dt>产品服务</dt>
							<dd>400-882-7715</dd>
							<dd>售前咨询</dd>
							<dd>客服&售后</dd>
							<dd>常见问题</dd>
							<dd>极速工单</dd>
							<dd>投诉与建议</dd>
						</dl>
						<dl>
							<dt>解决方案</dt>
							<dd>400-882-7715</dd>
							<dd>售前咨询</dd>
							<dd>客服&售后</dd>
							<dd>常见问题</dd>
							<dd>极速工单</dd>
							<dd>投诉与建议</dd>
						</dl>
					</div>

					<!-- 左下logo文字 -->
					<div class="footLeft-bottom flex-a-c">
						<img src="../imgs/bei2.png" alt="图片已损坏" />
						<img src="../imgs/bei1.png" alt="图片已损坏" />
						<span class="fz-12"
							>增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照</span
						>
					</div>
				</div>
				<!-- 尾部右边二维码 -->
				<div class="footRight">
					<p class="mt-50 fz-16">微信公众号</p>
					<p class="fz-10">源码时代</p>
					<img src="../imgs/wechat-white.png" alt="图片已损坏" />
					<p class="fz-11">源码大数据股份有限公司©版权所有</p>
				</div>
			</div>
			<!-- 回到顶部 -->
			<div id="goback">
				<img src="../imgs/goback.png" alt="" />
			</div>
		</footer>

		<!-- 蒙层 -->
		<div id="mask">
			<!-- 登录框 -->
			<div id="loginModal">
				<!-- logo区 -->
				<div id="loginModalLogo"></div>
				<!-- tab区 -->
				<div id="loginModalTab">
					<a class="active" href="javascript:void 0">账户登录</a>
					<i></i>
					<a href="javascript:void 0">扫码登录</a>
				</div>

				<!-- 账号登录 -->
				<form action="index.html" method="post">
					<!-- 表单区 -->
					<div id="numberModal">
						<!-- 用户名 -->
						<p id="loginUser">
							<i></i>
							<input type="text" placeholder="用户名/手机号/邮箱" />
						</p>
						<!-- 密码 -->
						<p id="loginPwd">
							<i></i>
							<input type="password" placeholder="密码" />
						</p>
						<!-- 忘记密码 -->
						<p id="forgetPwd">
							<a href="#">忘记密码</a>
						</p>
						<p>
							<input type="submit" value="登录" />
						</p>
						<!-- 立即注册 -->
						<p>
							还没有源码账号,&emsp;<span><a href="#">立即注册&gt;</a></span>
						</p>
					</div>
				</form>

				<!-- 扫码登录 -->
				<form action="index.html" id="Qrcode">
					<div id="QRModal">
						<img src="../imgs/103-demo.png" alt="" />
						<p>微信扫码登录</p>
						<p>未关注源码科技公众号,请先关注后在登录</p>
					</div>
					<p class="QRtext">
						还没有源码账号,&emsp;<span><a href="#">立即注册&gt;</a></span>
					</p>
				</form>
				
			</div>
		</div>

		<!-- 1.引入swiper的JS -->
		<script src="../lib/swiper-bundle.min.js"></script>
		<!-- 2.引入当前页JS -->
		<script src="../js/api-index.js"></script>
		<script src="../js/util.js"></script>
		<script>
			// console.log($("advs"));
		</script>
	</body>
</html>
